.copyable-text {
    /*    margin-left: 1rem;
    margin-top: -0.2rem;*/
    max-width: 100%;
    font-size: 0.85em; /* 缩小 */
    font-style: normal; 
    color: #383838; /* 灰色 */
    cursor: pointer; /* 手型光标，暗示可点击 */
    text-decoration: underline dotted #aaa; /* 虚线下划线，增强可点击感 */
    transition: color 0.2s;
    position: relative;
}
    /* 复制成功后的短暂提示气泡 */
    .copyable-text::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 50%;
        bottom: 120%;
        transform: translateX(-50%);
        background: #333;
        color: #fff;
        padding: 4px 10px;
        border-radius: 4px;
        font-size: 12px;
        font-style: normal;
        white-space: nowrap;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .copyable-text.show-tooltip::after {
        opacity: 1;
    }

.copyable-only {
    cursor: pointer; /* 鼠标变成手型，暗示可点击 */
    position: relative; /* 如果需要气泡提示，必须保留 */
    /* 完全不设置字体、颜色、下划线等 */
}

    .copyable-only::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 50%;
        bottom: 120%;
        transform: translateX(-50%);
        background: #333;
        color: #fff;
        padding: 4px 10px;
        border-radius: 4px;
        font-size: 12px;
        white-space: nowrap;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s;
    }
    /* 显示气泡的类（由 JS 动态添加） */
    .copyable-only.show-tooltip::after {
        opacity: 1;
    }

.copyable-text:hover {
    color: #1a0dab; /* 悬停时稍微变深 */
}

.custom-red-text {
    color: red;
}

    .custom-red-text:hover {
        color: #1a0dab; 
    }

.custom-black-text {
    color: #000000;
}

.custom-black-text:hover {
    color: #1a0dab;
}